@charset "UTF-8";
/**
 * official.scss 新版企业邮箱官网样式
 * @author nicolahuang
 * @date 2018-12-25
 */
/**
 * base_official.scss 存放官网基础样式(包括重置的代码和原子类)
 * @author jostinsu
 * @date 2017-07-26
 *
 */
/**
 * _tool_official.scss 官网基础工具库,存放变量、mixin、function等非代码片段
 * @author jostinsu
 * @date 2017-07-26
 *
 */
/**
 * _var_official.sass 官网变量表
 * @author jostinsu
 * @date 17/7/26
 * @description
 *
 */
/**
 * _mixin.scss
 * @author Kayo
 * @date 2014-10-31
 *
 */
.qui_clear:after, .frame_header_inner:after, .frame_foot_inside:after, .frame_foot_nav:after {
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.qui_txtOverflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: normal;
}

.service_public_service_ad_wrap .service_public_service_ad_Logo {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * _tool.scss 常用工具方法
 * @author Kayo
 * @date 2015-08-23
 *
 */
.qy_index_btn {
  cursor: default;
  background: #FFF;
  border: 1px solid #2984EF;
  border-radius: 2px;
  /* line-height 的偏移值依赖于不同字体 */
  vertical-align: middle;
  padding: 3px 13px;
  font-size: 12px;
  color: #186FD5;
  display: inline-block;
  text-align: center;
}

@media \0screen {
  .qy_index_btn {
    line-height: 26px;
  }
}

.qy_index_btn:hover {
  text-decoration: none !important;
  opacity: .8;
  border-color: #2984EF;
  cursor: pointer;
}

.qy_index_btn:active, .qy_index_btn_Active {
  background: #f0f0f0;
}

.qy_index_btn[disabled], .qy_index_btn_Disabled, .qy_index_btn_Disabled:hover, .qy_index_btn[disabled]:hover {
  color: rgba(0, 0, 0, 0.3);
  background: #e1e1e1;
  border-color: #2984EF;
}

.qy_index_btn_Blue {
  color: #FFF !important;
  background: #2984EF;
  border: 1px solid #2984EF;
  font-size: 12px;
}

.qy_index_btn_Blue:hover {
  opacity: .8;
  background: #2984EF;
  border: 1px solid #2984EF;
}

.qy_index_btn_Blue:active, .qy_index_btn_Blue_Active {
  opacity: .8;
  background: #2984EF;
}

.qy_index_btn_Blue[disabled], .qy_index_btn_Blue_Disabled, .qy_index_btn_Blue_Disabled:hover, .qy_index_btn_Blue[disabled]:hover {
  opacity: 0.2;
  background: #2984EF;
  color: #FFF;
  border-color: #2984EF;
}

.qy_index_btn_Large {
  width: 172px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  text-indent: 2px;
}

.qy_index_btn_Big {
  padding: 5px 16px;
  font-size: 14px;
}

.qy_index_btn_High {
  padding: 7px 30px;
  font-size: 14px;
}

.qy_index_btn_normal {
  font-size: 12px;
  line-height: 17px;
  padding: 4px 13px 5px;
}

.qy_index_btn_Dlg {
  font-size: 13px;
  line-height: 18px;
  padding: 4px 10px;
}

.qy_index_btn_Large_Custom {
  width: 247px;
}

.qy_index_btn_Green {
  background: #66BC07;
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:hover {
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:active {
  background: #5BA806;
  border-color: #5BA806;
  color: #FFF;
}

/**
 * _reset.scss
 * @author Kayo
 * @date 2014-10-30
 *
 * #reset
 * #html5
 */
/* #reset */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, legend {
  margin: 0;
}

ul, ol, fieldset {
  margin: 0;
  padding: 0;
}

th, td {
  padding: 0;
}

table {
  font-size: inherit;
}

fieldset, img {
  border: none;
}

ul, ol, li {
  list-style: none;
}

body {
  font-size: 12px;
  line-height: 1.5;
  background: #fff;
  color: #323232;
}

h1, h2, h3, h4 {
  font-size: 18px;
  font-weight: normal;
}

body, input, textarea, select, button {
  font-family: BlinkMacSystemFont, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
  outline: none;
  -webkit-text-size-adjust: none;
}

input, textarea, select, button {
  font-size: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: #4D70B6;
  text-decoration: none;
  -webkit-tap-highlight-color: #4D70B6;
}

:focus {
  outline: none;
}

/* #html5 HTML5 元素的支持 */
article, aside, details,
figcaption, figure,
footer, header, hgroup,
main, nav, section,
summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

/**
 * _function.scss
 * @author Kayo
 * @date 2014-11-17
 */
.qui_txtNormal {
  font-weight: normal !important;
}

.qui_txtBold {
  font-weight: bold !important;
}

.qui_txtLeft {
  text-align: left !important;
}

.qui_txtRight {
  text-align: right !important;
}

.qui_txtUnderline {
  text-decoration: underline !important;
}

.qui_txtUnderlineNone {
  text-decoration: none !important;
}

.qui_txtNowrap {
  white-space: nowrap !important;
}

.qui_layoutLeft {
  float: left !important;
}

.qui_layoutRight {
  float: right !important;
}

.qui_displayNone {
  display: none !important;
}

html {
  height: 100%;
}


body {
  position: relative;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

a {
  color: #186FD5;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  color: #186FD5;
  text-decoration: underline;
}

input, textarea {
  background: #FFF;
}

/* placeholder 颜色重置 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #AAA;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #DFDFDF;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #AAA;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: #DFDFDF;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #AAA;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #DFDFDF;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #AAA;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #AAA;
}

/**
 * iconSprite 后台管理用的icon
 * @author jostinsu
 * @date 2017-04-12
 *
 */
/* 后台管理用的icon */
.qy_interIcon{
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}



/**
 * widget.scss // 官网组件页面
 * @author jostinsu
 * @date 2017-07-26
 * @description
 *
 */
/**
 * _tool_official.scss 官网基础工具库,存放变量、mixin、function等非代码片段
 * @author jostinsu
 * @date 2017-07-26
 *
 */
/**
 * _var_official.sass 官网变量表
 * @author jostinsu
 * @date 17/7/26
 * @description
 *
 */
/**
 * _mixin.scss
 * @author Kayo
 * @date 2014-10-31
 *
 */
.qui_clear:after, .frame_header_inner:after, .frame_foot_inside:after, .frame_foot_nav:after {
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.qui_txtOverflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: normal;
}

.service_public_service_ad_wrap .service_public_service_ad_Logo {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * _tool.scss 常用工具方法
 * @author Kayo
 * @date 2015-08-23
 *
 */
.qy_index_btn {
  cursor: default;
  background: #FFF;
  border: 1px solid #2984EF;
  border-radius: 2px;
  /* line-height 的偏移值依赖于不同字体 */
  vertical-align: middle;
  padding: 3px 13px;
  font-size: 12px;
  color: #186FD5;
  display: inline-block;
  text-align: center;
}

@media \0screen {
  .qy_index_btn {
    line-height: 26px;
  }
}

.qy_index_btn:hover {
  text-decoration: none !important;
  opacity: .8;
  border-color: #2984EF;
  cursor: pointer;
}

.qy_index_btn:active, .qy_index_btn_Active {
  background: #f0f0f0;
}

.qy_index_btn[disabled], .qy_index_btn_Disabled, .qy_index_btn_Disabled:hover, .qy_index_btn[disabled]:hover {
  color: rgba(0, 0, 0, 0.3);
  background: #e1e1e1;
  border-color: #2984EF;
}

.qy_index_btn_Blue {
  color: #FFF !important;
  background: #2984EF;
  border: 1px solid #2984EF;
  font-size: 12px;
}

.qy_index_btn_Blue:hover {
  opacity: .8;
  background: #2984EF;
  border: 1px solid #2984EF;
}

.qy_index_btn_Blue:active, .qy_index_btn_Blue_Active {
  opacity: .8;
  background: #2984EF;
}

.qy_index_btn_Blue[disabled], .qy_index_btn_Blue_Disabled, .qy_index_btn_Blue_Disabled:hover, .qy_index_btn_Blue[disabled]:hover {
  opacity: 0.2;
  background: #2984EF;
  color: #FFF;
  border-color: #2984EF;
}

.qy_index_btn_Large {
  width: 172px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  text-indent: 2px;
}

.qy_index_btn_Big {
  padding: 5px 16px;
  font-size: 14px;
}

.qy_index_btn_High {
  padding: 7px 30px;
  font-size: 14px;
}

.qy_index_btn_normal {
  font-size: 12px;
  line-height: 17px;
  padding: 4px 13px 5px;
}

.qy_index_btn_Dlg {
  font-size: 13px;
  line-height: 18px;
  padding: 4px 10px;
}

.qy_index_btn_Large_Custom {
  width: 247px;
}

.qy_index_btn_Green {
  background: #66BC07;
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:hover {
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:active {
  background: #5BA806;
  border-color: #5BA806;
  color: #FFF;
}

/**
 * _frame.scss // 官网外部框架
 * @author jostinsu
 * @date 2017-07-26
 * @description
 *
 * #frame 统一的外层框架
 * #nav 导航栏
 * #mobile frame移动端的样式
 *
 *
 *
 *
 */
.frame_header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFF;
  min-width: 1100px;
  border-bottom: 1px solid #EAEAEA;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
}

.frame_header_inner {
  width: 1000px;
  padding: 15px 50px 15px;
  margin: 0 auto;
}

.frame_header_left {
  float: left;
}

.frame_header_title {
  position: relative;
  font-size: 0;
}

.frame_header_title .frame_header_pageLogo {
  vertical-align: top;
}

.frame_header_logoWrap {
  font-size: 0;
}

.frame_header_pageTitle {
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  color: #0082F0;
  position: relative;
  padding-left: 16px;
  margin-left: 15px;
  letter-spacing: 1px;
}

.frame_header_pageTitle:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 16px;
  background-color: #7FC0F7;
}

.frame_header_pageTitle_en {
  font-size: 21px;
}

.frame_header_logoLink {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 120px;
}

.frame_header_logoWrap_PC {
  display: inline-block;
}

.frame_header_logoWrap_Mobile {
  display: none;
}

.frame_header_right {
  float: right;
}

.frame_header_right_operation .ww_flatBtn {
  vertical-align: top;
  margin-left: 15px;
}

.frame_main {
  width: 1000px;
  margin: 0 auto;
  padding: 61px 50px 0;
}

.frame_navContainer {
  width: 1000px;
  margin: 0 auto;
  padding: 0 50px;
  background-color: #fff;
  z-index: 10;
}

.frame_navContainer_Fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.frame_navWrap {
  overflow: hidden;
  border-bottom: 1px solid #EAEAEA;
}

.frame_nav {
  padding: 20px 0 20px;
  margin: 0 -20px;
  color: #555;
  font-size: 0;
}

.frame_nav_item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.frame_nav_item:before {
  content: "";
  position: absolute;
  top: 19px;
  left: -1px;
  width: 2px;
  height: 2px;
  background-color: #747474;
}

.frame_nav_item_link {
  display: block;
  font-size: 15px;
  line-height: 40px;
  padding: 0 20px;
  color: #323232;
  cursor: pointer;
}

.frame_nav_item_link:hover {
  text-decoration: none;
}

.frame_nav_item_Active .frame_nav_item_link {
  color: #0085DD;
}

.frame_footWrap {
  position: relative;
}

.frame_foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #F7F8F8;
  z-index: 3;
  height: 340px;
  min-width: 1100px;
}

.frame_foot_inside {
  position: relative;
  z-index: 2;
  width: 893px;
  margin: 0 auto;
  padding: 56px 0 32px;
}

.frame_foot_info {
  margin-bottom: 56px;
  padding: 0 15px;
}

.frame_foot_nav {
  display: inline-block;
}

.frame_foot_copyright {
  line-height: 1.5;
  color: #828282;
  text-align: center;
}

.frame_foot_copyright a {
  color: #828282;
}

.frame_foot_nav_item {
  display: inline-block;
  width: 155px;
  margin-left: 60px;
  vertical-align: top;
}

.frame_foot_nav_item:first-child {
  margin-left: 0;
}

.frame_foot_nav_item_title {
  font-size: 14px;
  color: #323232;
}

.frame_foot_nav_item_list_item {
  margin-top: 20px;
}

/* 2017.9.6 查询发现没有使用，暂时注释
.index_momentQRCode {
  display: none;
}
*/
.frame_foot_contact {
  float: right;
}

.frame_foot_contact_title {
  font-size: 14px;
  color: #84888B;
  margin-bottom: 14px;
}

.frame_foot_contact_item {
  position: relative;
  display: inline-block;
  margin-left: 32px;
}

.frame_foot_contact_item:first-child {
  margin-left: 0;
}

.frame_foot_contact_item:hover .frame_foot_contact_qrCode {
  display: block;
}

.frame_foot_contact_item .ww_officialImg {
  line-height: 200;
  overflow: hidden;
  vertical-align: middle;
  opacity: .8;
}

.frame_foot_contact_item:hover .ww_officialImg {
  opacity: 1;
}

.frame_foot_InMobile .frame_foot_contact_item:hover .frame_foot_contact_qrCode {
  display: none;
}

.frame_foot_contact_qrCode {
  contain: content;
  position: absolute;
  left: 50%;
  bottom: 45px;
  display: none;
  width: 260px;
  margin-left: -130px;
  padding: 13px 0 28px;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.05);
  text-align: center;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.1);
}

@media \0screen {
  .frame_foot_contact_qrCode {
    border: 1px solid #E4E4E4;
  }
}

@supports ((-webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1))) or (filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1)))) {
  .frame_foot_contact_qrCode {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1));
  }
}

.frame_foot_contact_qrCode_title {
  font-size: 16px;
  color: #323232;
}

.frame_foot_contact_qrCode_desc {
  color: #555;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 10px;
}

.frame_foot_contact_qrCode_img {
  display: inline-block;
  width: 192px;
  height: 192px;
  vertical-align: top;
}

@media (max-width: 770px) {
  .frame_container_Mobile {
    min-width: 300px;
  }
  .frame_container_Mobile .frame_header {
    width: auto;
    min-width: 300px;
    border-style: solid;
    border-color: #EAEAEA;
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
}

@media (max-width: 770px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 770px) and (min--moz-device-pixel-ratio: 2), (max-width: 770px) and (min-device-pixel-ratio: 2), (max-width: 770px) and (-o-min-device-pixel-ratio: 2/1), (max-width: 770px) and (min-resolution: 2dppx), (max-width: 770px) and (min-resolution: 192dpi) {
  .frame_container_Mobile .frame_header {
    position: relative;
    border: 0;
  }
  .frame_container_Mobile .frame_header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border-radius: 0;
    border-style: solid;
    border-color: #EAEAEA;
    border-width: 0 0 1px 0;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
  }
}

@media (max-width: 770px) and (-webkit-min-device-pixel-ratio: 3), (max-width: 770px) and (min--moz-device-pixel-ratio: 3), (max-width: 770px) and (min-device-pixel-ratio: 3), (max-width: 770px) and (-o-min-device-pixel-ratio: 3/1), (max-width: 770px) and (min-resolution: 3dppx), (max-width: 770px) and (min-resolution: 288dpi) {
  .frame_container_Mobile .frame_header:after {
    width: 300%;
    height: 300%;
    border-radius: 0;
    -webkit-transform: scale(0.3333);
        -ms-transform: scale(0.3333);
            transform: scale(0.3333);
  }
}

@media (max-width: 770px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 770px) and (min--moz-device-pixel-ratio: 2), (max-width: 770px) and (min-device-pixel-ratio: 2), (max-width: 770px) and (-o-min-device-pixel-ratio: 2/1), (max-width: 770px) and (min-resolution: 2dppx), (max-width: 770px) and (min-resolution: 192dpi) {
  .frame_container_Mobile .frame_header {
    position: fixed;
  }
}

@media (max-width: 770px) {
  .frame_container_Mobile .frame_header_inner {
    width: auto;
    padding: 15px 16px;
  }
  .frame_container_Mobile .frame_header_pageLogo {
    background-position: left center;
    background-repeat: no-repeat;
    width: 100px;
  }
  .frame_container_Mobile .frame_header_logoWrap_Mobile {
    display: inline-block;
  }
  .frame_container_Mobile .frame_header_logoWrap_PC {
    display: none;
  }
  .frame_container_Mobile .frame_main {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  .frame_container_Mobile .frame_header_right {
    display: none;
  }
  .frame_container_Mobile .frame_navContainer {
    width: auto;
    min-width: 300px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .frame_container_Mobile .frame_navWrap {
    border-style: solid;
    border-color: #EAEAEA;
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
}

@media (max-width: 770px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 770px) and (min--moz-device-pixel-ratio: 2), (max-width: 770px) and (min-device-pixel-ratio: 2), (max-width: 770px) and (-o-min-device-pixel-ratio: 2/1), (max-width: 770px) and (min-resolution: 2dppx), (max-width: 770px) and (min-resolution: 192dpi) {
  .frame_container_Mobile .frame_navWrap {
    position: relative;
    border: 0;
  }
  .frame_container_Mobile .frame_navWrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border-radius: 0;
    border-style: solid;
    border-color: #EAEAEA;
    border-width: 0 0 1px 0;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
  }
}

@media (max-width: 770px) and (-webkit-min-device-pixel-ratio: 3), (max-width: 770px) and (min--moz-device-pixel-ratio: 3), (max-width: 770px) and (min-device-pixel-ratio: 3), (max-width: 770px) and (-o-min-device-pixel-ratio: 3/1), (max-width: 770px) and (min-resolution: 3dppx), (max-width: 770px) and (min-resolution: 288dpi) {
  .frame_container_Mobile .frame_navWrap:after {
    width: 300%;
    height: 300%;
    border-radius: 0;
    -webkit-transform: scale(0.3333);
        -ms-transform: scale(0.3333);
            transform: scale(0.3333);
  }
}

@media (max-width: 770px) {
  .frame_container_Mobile .frame_nav {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .frame_container_Mobile .frame_nav_item:first-child .frame_nav_item_link {
    padding-left: 0;
  }
  .frame_container_Mobile .frame_nav_item:first-child:before {
    content: none;
  }
  .frame_container_Mobile .frame_nav_item:last-child .frame_nav_item_link {
    padding-right: 0;
  }
  .frame_container_Mobile .frame_nav_item_link {
    padding: 0 18px;
  }
  .frame_container_Mobile .frame_foot {
    contain: strict;
    height: 137px;
    min-width: 0;
  }
  .frame_container_Mobile .frame_foot_inside {
    width: auto;
  }
  .frame_container_Mobile .frame_foot_nav {
    display: none;
  }
  .frame_container_Mobile .frame_foot_nav_item {
    margin-left: 35px;
  }
  .frame_container_Mobile .frame_foot_inside {
    width: 80%;
    margin: 0 auto;
    padding-top: 28px;
    padding-bottom: 21px;
    text-align: center;
  }
  .frame_container_Mobile .frame_foot_info {
    float: none;
    margin-bottom: 0;
  }
  .frame_container_Mobile .frame_foot_contact {
    float: none;
    margin-bottom: 18px;
  }
  .frame_container_Mobile .frame_foot_contact_title {
    display: none;
  }
  .frame_container_Mobile .frame_foot_contact_item.frame_foot_contact_item_WeWork {
    display: none;
  }
  .frame_container_Mobile .frame_foot_contact_item.frame_foot_contact_item_WeChat {
    margin-left: 0;
  }
  .frame_container_Mobile .frame_header_pageTitle, .frame_container_Mobile .frame_header_pageTitle_en {
    font-size: 18px;
  }
}

.qy_indexIcon_qq_normal, .qy_indexIcon_wx_normal, .qy_indexIcon_email_normal,
.qy_indexIcon_ico_sina_press, .qy_indexIcon_ico_wx_press {
  opacity: .8;
}

.qy_indexIcon_qq_normal:active, .qy_indexIcon_wx_normal:active, .qy_indexIcon_email_normal:active,
.qy_indexIcon_ico_sina_press:active, .qy_indexIcon_ico_wx_press:active {
  opacity: 1;
}

.qy_indexIcon_qq_normal:hover, .qy_indexIcon_wx_normal:hover, .qy_indexIcon_email_normal:hover,
.qy_indexIcon_ico_sina_press:hover, .qy_indexIcon_ico_wx_press:hover {
  opacity: 1;
}


.frame_foot_contact_tel {
  color: #84888B;
  font-size: 20px;
  font-weight: 500;
}

.frame_foot_contact_divide {
  margin: 18px 0;
  width: 20px;
  height: 1px;
  background: #84888B;
}

.frame_foot_nav_item_list_item a {
  color: #4A4A4A;
}

.index_foot_contact_qrCode {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  left: 50%;
  bottom: 40px;
  display: none;
  width: 260px;
  margin-left: -130px;
  padding: 13px 0 28px;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.05);
  text-align: center;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25), 0 9px 20px 0 rgba(0, 0, 0, 0.1);
}

@media \0screen {
  .index_foot_contact_qrCode {
    border: 1px solid #E4E4E4;
  }
}

.index_foot_contact_qrCode:before {
  display: none !important;
}

@supports ((-webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1))) or (filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1)))) {
  .index_foot_contact_qrCode {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 -1px 2px rgba(0, 0, 0, 0.2)) drop-shadow(0 9px 10px rgba(0, 0, 0, 0.1));
  }
}

.index_foot_contact_qrCode_title {
  margin-bottom: 10px;
  color: #323232;
  font-size: 14px;
}

.index_foot_contact_qrCode_img {
  display: inline-block;
  width: 190px;
  height: 190px;
  background-size: 100%;
  vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .index_foot_contact_qrCode_img {
    background-size: 100% !important;
  }
}

/*

.frame_main {
  transition: all .3s ease-in;

}

.frame_main_Animate {
  //animation-duration: .5s;
  //animation-fill-mode: both;
  //animation-name: outUp;
  //animation-timing-function: ease-in;
  transform: translate3d(0, -62px, 0);

}

.frame_topFixedView {
  transition: all .3s ease-in;

}

.frame_topFixedView_Animate {
  //animation-duration: .8s;
  //animation-fill-mode: both;
  //animation-name: outUp;
  //animation-timing-function: ease-in;
  transform: translate3d(0, -62px, 0);
}
*/
/*
 * 企业邮箱新官网首页样式
 * @author nicolahuang
 * @date 2018-12-26
 */
/**
 * _tool_official.scss 官网基础工具库,存放变量、mixin、function等非代码片段
 * @author jostinsu
 * @date 2017-07-26
 *
 */
/**
 * _var_official.sass 官网变量表
 * @author jostinsu
 * @date 17/7/26
 * @description
 *
 */
/**
 * _mixin.scss
 * @author Kayo
 * @date 2014-10-31
 *
 */
.qui_clear:after, .frame_header_inner:after, .frame_foot_inside:after, .frame_foot_nav:after {
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.qui_txtOverflow {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: normal;
}

.service_public_service_ad_wrap .service_public_service_ad_Logo {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * _tool.scss 常用工具方法
 * @author Kayo
 * @date 2015-08-23
 *
 */
.qy_index_btn {
  cursor: default;
  background: #FFF;
  border: 1px solid #2984EF;
  border-radius: 2px;
  /* line-height 的偏移值依赖于不同字体 */
  vertical-align: middle;
  padding: 3px 13px;
  font-size: 12px;
  color: #186FD5;
  display: inline-block;
  text-align: center;
}

@media \0screen {
  .qy_index_btn {
    line-height: 26px;
  }
}

.qy_index_btn:hover {
  text-decoration: none !important;
  opacity: .8;
  border-color: #2984EF;
  cursor: pointer;
}

.qy_index_btn:active, .qy_index_btn_Active {
  background: #f0f0f0;
}

.qy_index_btn[disabled], .qy_index_btn_Disabled, .qy_index_btn_Disabled:hover, .qy_index_btn[disabled]:hover {
  color: rgba(0, 0, 0, 0.3);
  background: #e1e1e1;
  border-color: #2984EF;
}

.qy_index_btn_Blue {
  color: #FFF !important;
  background: #2984EF;
  border: 1px solid #2984EF;
  font-size: 12px;
}

.qy_index_btn_Blue:hover {
  opacity: .8;
  background: #2984EF;
  border: 1px solid #2984EF;
}

.qy_index_btn_Blue:active, .qy_index_btn_Blue_Active {
  opacity: .8;
  background: #2984EF;
}

.qy_index_btn_Blue[disabled], .qy_index_btn_Blue_Disabled, .qy_index_btn_Blue_Disabled:hover, .qy_index_btn_Blue[disabled]:hover {
  opacity: 0.2;
  background: #2984EF;
  color: #FFF;
  border-color: #2984EF;
}

.qy_index_btn_Large {
  width: 172px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  text-indent: 2px;
}

.qy_index_btn_Big {
  padding: 5px 16px;
  font-size: 14px;
}

.qy_index_btn_High {
  padding: 7px 30px;
  font-size: 14px;
}

.qy_index_btn_normal {
  font-size: 12px;
  line-height: 17px;
  padding: 4px 13px 5px;
}

.qy_index_btn_Dlg {
  font-size: 13px;
  line-height: 18px;
  padding: 4px 10px;
}

.qy_index_btn_Large_Custom {
  width: 247px;
}

.qy_index_btn_Green {
  background: #66BC07;
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:hover {
  border-color: #66BC07;
  color: #FFF;
}

.qy_index_btn_Green:active {
  background: #5BA806;
  border-color: #5BA806;
  color: #FFF;
}

.text_bold, .versionCmp .vc_title, .versionCmp table tr td:nth-child(1), .versionCmp table thead tr td, .versionCmp table tbody tr:nth-child(even) td:nth-child(3),
.versionCmp table tbody tr:nth-child(even) td:nth-child(4), .versionCmp table tbody tr:nth-child(odd) td:nth-child(3),
.versionCmp table tbody tr:nth-child(odd) td:nth-child(4), .versionCmp .btn_wrap .btn, .vipinfo_cnt .vc_title, .vipinfo_cnt table tr td:nth-child(1), .vipinfo_cnt table thead tr td, .vipinfo_cnt table tbody tr:nth-child(even) td:nth-child(3), .vipinfo_cnt table tbody tr:nth-child(odd) td:nth-child(3) {
  font-family: PingFangSC-Medium, "STHeitiSC-Light", BlinkMacSystemFont, "Helvetica", "lucida Grande", "SCHeiti", "Microsoft YaHei";
  font-weight: bold;
}

.index_topbar_wrap {
  width: 100%;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index_topbar_wrap_white {
  position: fixed;
  background: #fff;
  border-bottom: 1px solid #eaeaea;
}

.index_topbar {
  width: 1000px;
  margin: 0 auto;
}

.index_topbar_logo_wrap {
  line-height: 60px;
  font-size: 0;
  display: inline-block;
}

.index_topbar_logo {
  vertical-align: middle;
  display: inline-block;
}

.index_topbar_btns_wrap {
  float: right;
  line-height: 60px;
  font-size: 0;
}

.index_topbar_btn {
  width: 90px;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border-radius: 2px;
  font-weight: 500;
}

.index_topbar_btn:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.8;
}

.index_topbar_btn_login {
  border: 1px solid #2984EF;
  font-size: 14px;
  color: #2984EF;
  vertical-align: middle;
  line-height: 28px;
  margin-left: 10px;
}

.index_topbar_btn_login:hover {
  text-decoration: none;
  color: #2984EF;
}

.index_topbar_btn_login_blue {
  color: #2984EF;
  border: 1px solid #2984EF;
}

.index_topbar_btn_login_blue:hover {
  text-decoration: none;
  color: #2984EF;
}

.index_topbar_btn_reg {
  background: #2984EF;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  margin-left: 18px;
}

.index_topbar_btn_sub {
  font-size: 14px;
  color: #2984EF;
  vertical-align: middle;
  margin-left: 10px;
  border: 0 none;
}

.index_topbar_btn_sub:hover {
  color: #2984EF;
}

.index_topbar_title {
  margin-left: 15px;
  padding-left: 15px;
  font-size: 18px;
  color: #646464;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.index_topbar_title::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #c2c9d2;
  margin-left: -15px;
  position: absolute;
  margin-top: 3px;
}



.index_banner_shadow {
  width: 100%;
  height: 8px;
  opacity: 0.05;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  position: absolute;
  bottom: 0;
}

.index_banner_button_wrap {
  height: 34px;
  margin-top: 20px;
}

.index_banner_button {
  display: block;
  margin: 0 auto;
  width: 378px;
  height: 34px;
  background-size: cover;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .index_banner_button {
  }
}

.index_banner_content {
  text-align: center;
  height: 550px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .index_banner_content {
  }
}

.index_banner_slogan {
  padding-bottom: 40px;
  font-size: 48px;
  color: #384049;
  text-align: center;
  padding-top: 160px;
}

.index_banner_try {
  padding: 6px 0;
  border: 1px solid #2984ef;
  font-weight: 500;
  font-size: 20px;
  color: #2984ef;
  letter-spacing: 4px;
  text-indent: 4px;
  display: inline-block;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 164px;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  padding-top: 8px;
}

.index_banner_try:hover {
  color: #2984ef;
  text-decoration: none;
  opacity: 0.8;
}

.index_version_wrap {
  text-align: center;
  margin: 60px auto;
  font-size: 0;
}

.index_version_box {
  padding: 30px;
  width: 370px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: 0;
  text-align: left;
}

.index_version_box_free {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  vertical-align: top;
  margin-top: 10px;
}

.index_version_box_vip {
  background: #fff;
  border: 1px solid #2984EF;
  border-top-width: 7px;
  -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-left: 40px;
  vertical-align: top;
}

.index_version_title {
  font-weight: 500;
  font-size: 26px;
  color: #000;
  letter-spacing: 3px;
  margin-bottom: 6px;
}

.index_version_desc {
  font-size: 14px;
  color: #000;
  margin-bottom: 23px;
}

.index_version_free_price {
  font-size: 14px;
  color: #6e7d90;
  letter-spacing: 0;
  margin-bottom: 26px;
}

.index_version_box_vip .index_version_free_price {
  font-size: 14px;
  color: #000;
}

.index_version_free_price_num {
  font-size: 34px;
}

.index_version_buy_wrap {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}

.index_version_try_vip {
  display: inline-block;
  font-size: 14px;
  color: #186FD5;
  line-height: 38px;
  margin-left: 20px;
  vertical-align: top;
}

.index_version_free_tip {
  font-size: 18px;
  line-height: 47px;
  color: #4f4f4f;
}

.index_version_function_list li {
  margin-bottom: 16px;
  font-size: 14px;
  color: #4f4f4f;
}

.index_version_function_list li:last-child {
  margin-bottom: 0;
}

.index_version_function_list li.nofunc {
  color: #d3d3d3;
}

.index_version_function_list li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 7px;
  margin-right: 10px;
  background-size: cover;
  vertical-align: 1px;
}

.index_version_box_free .index_version_function_list li::before {
  background-image: url("");
}

.index_version_box_vip .index_version_function_list li::before {
  background-image: url("");
}

.index_version_function_list li.nofunc::before {
  background: none;
}

.index_price_calc_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1000px;
  height: 276px;
  margin: 0 auto;
  margin-bottom: 60px;
  border-radius: 4px;
  font-size: 0;
  display: table;
}

.index_price_calc_left,
.index_price_calc_right,
.index_price_calc_middle {
  background: #f9fafc;
  display: table-cell;
  vertical-align: middle;
}

.index_price_calc_left_content,
.index_price_calc_right_content {
  line-height: 51px;
  height: 51px;
  text-align: center;
}

.index_price_calc_left_content {
  text-align: left;
  padding-left: 100px;
}

.index_price_calc_left_content .qy_indexIcon_price_calc_24 {
  vertical-align: middle;
}

.index_price_calc_left_content_sub {
  text-align: left;
  font-size: 14px;
  padding-left: 100px;
}

.index_price_calc_desc {
  background: #fe6500;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  padding: 1px 6px;
  position: relative;
}

.index_price_calc_desc:before {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 3px 3px;
  border-left: 0;
  border-right-color: #fe6500;
  margin: 6px auto;
  position: absolute;
  left: -3px;
}

.index_price_calc_left_desc {
  font-size: 14px;
  color: #2b2b2b;
}

.index_price_calc_left_desc span {
  color: #fe6500;
  font-weight: bold;
}

.index_price_calc_right {
  width: 500px;
}

.index_price_calc_right_title {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.index_price_calc_right_title .qy_indexIcon_ask {
  position: absolute;
  left: 90px;
  top: 8px;
  height: 14px;
  cursor: pointer;
  overflow: initial;
}

.index_price_calc_right_title .qy_indexIcon_ask.qy_indexIcon_ask_hover .qy_popPanel_Dark {
  opacity: 1;
}

.index_price_calc_right_title .qy_popPanel_Dark {
  opacity: 0;
  position: absolute;
  left: 90px;
  top: 8px;
  line-height: 1.5;
  padding: 12px;
  border-radius: 4px;
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.17);
          box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.17);
  color: #fff;
  background-color: #4c4e50;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
  font-size: 12px;
}

.index_price_calc_right_title .qy_popPanel_Dark:after {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 6px;
  border-bottom: 0;
  border-top-color: #4c4e50;
  margin: 12px auto;
  position: absolute;
  left: 162px;
}

.index_price_calc_right_title .qy_popPanel_Dark .qy_indexIcon_arrow_right_white {
  bottom: -3px;
  position: absolute;
  left: 69px;
}

.index_price_calc_price {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: 130px;
}

.index_price_calc_middle {
  width: 390px;
  text-align: right;
}

.index_price_cal_discount {
  font-weight: bold;
  font-size: 14px;
}

.index_price_cal_origin {
  font-weight: bold;
  font-size: 14px;
  text-decoration: line-through;
  color: #9b9b9b;
  margin-left: 6px;
}

.index_price_calc_price_total {
  width: 290px;
}

.index_price_calc_price_total .index_price_cal_discount {
  font-size: 24px;
  color: #2b2b2b;
}

.index_price_calc_price_total .index_price_cal_origin {
  font-size: 16px;
  color: #9b9b9b;
  line-height: 36px;
  margin-left: 10px;
}

.index_price_calc_right span {
  font-size: 16px;
}

.index_price_calc_title {
  display: inline-block;
  font-weight: 500;
  font-size: 22px;
  color: #000;
  padding: 0 7px 0 10px;
  vertical-align: top;
}

.index_price_calc_content {
  display: inline-block;
  font-size: 0;
  color: #000;
  margin-right: 100px;
  vertical-align: middle;
  position: relative;
  line-height: 30px;
  margin-bottom: 15px;
}

.index_price_calc_content_divide {
  background: #e8e8e8;
  height: 1px;
  width: 370px;
  margin-bottom: 20px;
}

.index_price_calc_content span,
.index_price_calc_content input {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  height: 30px;
}

.index_price_calc_content_input {
  border: 0;
  margin: 0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px 6px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  text-align: center;
}

.index_price_calc_right .index_price_calc_num {
  font-weight: 500;
  font-size: 34px;
  color: #000;
  margin-right: 6px;
  vertical-align: -2px;
}

.index_advantage_wrap,
.index_use_function_wrap {
  width: 1000px;
  margin: 60px auto 0;
  margin-bottom: 60px;
}

.index_advantage_title {
  font-size: 22px;
  color: #181818;
  text-align: center;
  margin-bottom: 20px;
}

.index_advantage_item_wrap {
  display: table;
}

.index_advantage_item {
  display: table-cell;
  width: 250px;
  padding: 60px 125px 0 0;
  text-align: center;
}

.index_advantage_item:last-child {
  padding-right: 0;
}

.index_advantage_item_title {
  font-size: 20px;
  color: #181818;
  text-align: center;
  padding: 9px 0 17px 0;
}

.index_advantage_item_desc {
  font-size: 13px;
  color: #4a4a4a;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: left;
  height: 72px;
}

.index_advantage_item_more_wrap {
  text-align: center;
}

.index_advantage_item_more,
.index_version_cmp_detail {
  font-size: 13px;
  color: #4a4a4a;
  line-height: 23px;
  position: relative;
  display: inline-block;
  margin-left: -10px;
}

.index_advantage_item_more:hover,
.index_version_cmp_detail:hover {
  color: #4a4a4a;
}

.index_advantage_item_more::after,
.index_version_cmp_detail::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url("");
  background-size: cover;
  margin-left: 3px;
  position: absolute;
  top: 6px;
}

.index_version_cmp_detail::after {
  margin-left: 6px;
}

.index_item_version_cmp_wrap {
  text-align: center;
  margin-top: 40px;
}

.index_use_function_wrap {
  font-size: 0;
}

.index_use_function_item {
  display: inline-block;
  width: 200px;
  height: 144px;
  margin-right: 65px;
  vertical-align: top;
}

.index_use_function_wrap .index_use_function_item:nth-child(4n) {
  margin-right: 0;
}

.index_use_function_item_title {
  font-size: 16px;
  color: #181818;
  display: inline-block;
  vertical-align: middle;
}

.index_use_function_item_desc {
  font-size: 13px;
  color: #4a4a4a;
  line-height: 23px;
  margin-top: 8px;
}

.index_use_function_title {
  font-size: 22px;
  color: #181818;
  text-align: center;
  padding: 60px 0 50px 0;
}

.index_use_function_item_wrap {
  height: 140px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index_use_function_item_wrap_toggle {
  font-size: 0;
  color: #555;
  text-align: center;
}

.index_use_function_item_wrap_toggle:hover {
  color: #555;
  cursor: pointer;
}

.index_use_function_item_wrap_toggle span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 20px;
}

.index_use_function_item_wrap_toggle_logo {
  font-size: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: cover;
  margin-left: 5px;
}

.index_use_function_item_wrap_toggle_logo.open {
  background-image: url("");
}

.index_use_function_item_wrap_toggle_logo.close {
  background-image: url("");
}

.index_case_wrap {
  padding: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F9FAFC));
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F9FAFC 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #F9FAFC 100%);
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F9FAFC 100%);
}

.index_case_title {
  font-size: 22px;
  color: #181818;
  text-align: center;
  line-height: 31px;
  margin-bottom: 10px;
}

.index_case_subtitle {
  font-size: 14px;
  color: #181818;
  text-align: center;
  line-height: 31px;
  margin-bottom: 40px;
}

.index_case_item_wrap {
  width: 1000px;
  margin: 0 auto;
  font-size: 0;
}

.index_case_item {
  width: 236px;
  height: 250px;
  display: inline-block;
  border-radius: 2px;
  margin-right: 18px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.index_case_item:hover {
  -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  text-decoration: none;
}

.index_case_item:hover .index_case_item_title {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  padding: 12px 0 11px 20px;
}

.index_case_item:hover .index_case_item_link {
  opacity: 1;
}

.index_case_item:hover .index_case_item_link:hover {
  color: #fff;
}

.index_case_item:nth-child(4n) {
  margin-right: 0;
}

.index_case_item_title {
  padding: 12px 0 11px 20px;
  font-size: 18px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  bottom: 20px;
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index_case_item_link {
  font-size: 12px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 1.5;
  display: inline-block;
  left: 19px;
  bottom: 19px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.index_case_item_link .qy_indexIcon_arrow_right_white {
  position: absolute;
  bottom: -19px;
  left: 36px;
}

.index_try_wrap {
  padding: 60px 0;
  width: 1000px;
  margin: 0 auto;
  border-bottom: 1px solid #f0f0f0;
}

.index_try_title {
  font-size: 22px;
  color: #181818;
  text-align: center;
  margin-bottom: 40px;
}

.index_try_btn {
  display: inline-block;
  background: #5e86d3;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  line-height: 23px;
  padding: 9px 64px 8px 64px;
  border-radius: 2px;
}

.index_try_btn:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

.index_txt_center {
  text-align: center;
}

.index_hot_wrap {
  padding: 60px;
  width: 1000px;
  margin: 0 auto;
  font-size: 0;
}

.index_hot_box {
  display: inline-block;
  width: 50%;
  padding-left: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}

.index_hot_title {
  font-weight: 500;
  font-size: 16px;
  color: #181818;
  margin-bottom: 8px;
}

.index_hot_list li a {
  font-size: 13px;
  color: #4a4a4a;
  line-height: 28px;
}

.index_hot_more {
  font-size: 13px;
  color: #4a4a4a;
  position: relative;
  display: inline-block;
  margin-top: 13px;
}

.index_hot_more:hover {
  color: #4a4a4a;
}

.index_hot_more::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url("");
  background-size: cover;
  margin-left: 3px;
  position: absolute;
  top: 4px;
}

.index_kefu_wrap {
  position: fixed;
  bottom: 300px;
  right: 0;
  font-size: 0;
  z-index: 1001;
  padding-left: 10px;
}

.index_kefu_contact_box {
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 28px 28px 30px 30px;
  position: absolute;
  top: 0;
  right: 45px;
  width: 276px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}

.index_kefu_contact_box_item {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}

.index_kefu_contact_box_item.last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.index_kefu_contact_box_item_left,
.index_kefu_contact_box_item_right {
  display: table-cell;
  vertical-align: middle;
}

.index_kefu_contact_box_item_left {
  padding-right: 12px;
  width: 32px;
  text-align: center;
}

.index_kefu_contact_box_item_left .kf_qrcode_wrap {
  display: block;
  width: 70px;
  height: 70px;
  background-size: 100% 100%;
}

.index_kefu_contact_box_phone_text {
  font-size: 12px;
  color: #4a4a4a;
}

.index_kefu_contact_box_phone {
  font-weight: 500;
  font-size: 20px;
  color: #5d6469;
}

.index_kefu_contact_box_kefu {
  font-size: 13px;
  color: #4a4a4a;
  position: relative;
}

.index_kefu_contact_box_kefu::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  background-image: url("");
  background-size: cover;
  margin-left: 6px;
  position: absolute;
  top: 3px;
}

.index_price_calc_error {
  display: inline-block;
  font-size: 12px;
  color: #f15a5a;
  line-height: 1.5;
  position: absolute;
  width: 230px;
  left: 0;
  margin: 31px 0;
}

.index_price_calc_content_input_box {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  position: relative;
}

.index_price_calc_content_input_minus,
.index_price_calc_content_input_plus,
.index_price_calc_content_input_wrap {
  display: inline-block;
  vertical-align: top;
}

.index_price_calc_content_input_minus,
.index_price_calc_content_input_plus {
  width: 25px;
  height: 30px;
}

.index_price_calc_content_input_minus:active .index_price_calc_minus_icon_wrap,
.index_price_calc_content_input_minus:active .index_price_calc_plus_icon_wrap,
.index_price_calc_content_input_plus:active .index_price_calc_minus_icon_wrap,
.index_price_calc_content_input_plus:active .index_price_calc_plus_icon_wrap {
  background: #e3e3e3;
}

.index_price_calc_content_input_minus[disabled] {
  cursor: auto;
}

.index_price_calc_content_input_minus[disabled] .index_price_calc_minus_icon {
  opacity: 0.5;
}

.index_price_calc_content_input_minus[disabled]:active .index_price_calc_minus_icon_wrap,
.index_price_calc_content_input_minus[disabled]:active .index_price_calc_plus_icon_wrap {
  background: #fff;
}

.index_price_calc_minus_icon_wrap,
.index_price_calc_plus_icon_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e3e3e3;
  text-align: center;
}

.index_price_calc_content_input_wrap {
  width: 80px;
  height: 30px;
}

.index_price_calc_minus_icon,
.index_price_calc_plus_icon {
  display: inline-block;
  width: 11px;
  background-size: cover;
  vertical-align: middle;
}

.index_price_calc_minus_icon {
  height: 1px;
  background-image: url("");
}

.index_price_calc_plus_icon {
  height: 11px;
  background-image: url("");
}

.versionCmp {
  padding: 60px 0;
}

.versionCmp .versionCmp_cnt {
  margin: 60px auto 0;
  width: 1000px;
}

.versionCmp .vc_title {
  font-size: 24px;
  line-height: 33px;
  color: #323232;
  text-align: center;
}

.versionCmp .vc_desc {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.versionCmp table {
  border-spacing: 2px 0;
  border-collapse: separate;
}

.versionCmp table tr td:nth-child(1) {
  text-align: right;
}

.versionCmp table td {
  color: #384049;
}

.versionCmp table thead tr td {
  font-size: 18px;
  line-height: 25px;
  padding: 13px 30px 12px 30px;
  background-color: #f6f7fa;
}

.versionCmp table thead tr td:nth-child(3) {
  background: -webkit-gradient(linear, left top, right bottom, from(#c2a370), to(#e9cb8b));
  background: -webkit-linear-gradient(top left, #c2a370, #e9cb8b);
  background: -o-linear-gradient(top left, #c2a370, #e9cb8b);
  background: linear-gradient(to bottom right, #c2a370, #e9cb8b);
  color: #fff;
}

.versionCmp table tbody tr td {
  font-size: 13px;
  line-height: 18px;
  padding: 11px 30px;
}

.versionCmp table tbody tr:nth-child(even) {
  background-color: #f6f7fa;
}

.versionCmp table tbody tr:nth-child(odd) {
  background-color: #fcfcfe;
}

.versionCmp table tbody tr:nth-child(even) td:nth-child(3),
.versionCmp table tbody tr:nth-child(even) td:nth-child(4) {
  background-color: #f3eee4;
  font-size: 13px;
  color: #754f00;
}

.versionCmp table tbody tr:nth-child(odd) td:nth-child(3),
.versionCmp table tbody tr:nth-child(odd) td:nth-child(4) {
  background-color: #fbfaf6;
  font-size: 13px;
  color: #754f00;
}

.versionCmp .btn_wrap {
  margin-top: 40px;
  text-align: center;
}

.versionCmp .btn_wrap .btn {
  width: 170px;
  height: 38px;
  border-radius: 2px;
  border: solid 1px #2984ef;
  font-size: 16px;
  color: #186fd5;
  letter-spacing: 3px;
  text-align: center;
  line-height: 38px;
  display: inline-block;
  text-decoration: none;
}

.versionCmp .btn_wrap .btn_blue {
  background: #2984ef;
  border: none;
  color: #fff;
  margin-right: 20px;
}

.vipinfo_cnt {
  padding: 60px 0;
}

.vipinfo_cnt .versionCmp_cnt {
  margin: 60px auto 0;
  width: 1000px;
}

.vipinfo_cnt .vc_title {
  font-size: 24px;
  line-height: 33px;
  color: #323232;
  text-align: center;
}

.vipinfo_cnt .vc_desc {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.vipinfo_cnt table {
  border-spacing: 2px 0;
  border-collapse: separate;
}

.vipinfo_cnt table tr td:nth-child(1) {
  text-align: right;
}

.vipinfo_cnt table td {
  color: #384049;
}

.vipinfo_cnt table thead tr td {
  font-size: 18px;
  line-height: 25px;
  padding: 13px 30px 12px 30px;
  background-color: #f6f7fa;
}

.vipinfo_cnt table thead tr td:nth-child(3) {
  background: -webkit-gradient(linear, left top, right bottom, from(#c2a370), to(#e9cb8b));
  background: -webkit-linear-gradient(top left, #c2a370, #e9cb8b);
  background: -o-linear-gradient(top left, #c2a370, #e9cb8b);
  background: linear-gradient(to bottom right, #c2a370, #e9cb8b);
  color: #fff;
}

.vipinfo_cnt table tbody tr td {
  font-size: 13px;
  line-height: 18px;
  padding: 11px 30px;
}

.vipinfo_cnt table tbody tr:nth-child(even) {
  background-color: #f6f7fa;
}

.vipinfo_cnt table tbody tr:nth-child(odd) {
  background-color: #fcfcfe;
}

.vipinfo_cnt table tbody tr:nth-child(even) td:nth-child(3) {
  background-color: #f3eee4;
  font-size: 13px;
  color: #754f00;
}

.vipinfo_cnt table tbody tr:nth-child(odd) td:nth-child(3) {
  background-color: #fbfaf6;
  font-size: 13px;
  color: #754f00;
}

.index_banner_reward_wrap {
  width: 310px;
  height: 34px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.02);
  border-radius: 17px;
  padding: 7px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  font-size: 0;
}

.index_banner_reward_wrap span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #384049;
  font-weight: 500;
}

.index_banner_open {
  width: 166px;
  height: 46px;
  background: #2984ef;
  border-radius: 4px;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 46px;
  margin: auto;
  text-decoration: none;
}

.index_banner_open:hover {
  text-decoration: none;
  color: #ffffff;
  opacity: 0.8;
}

.index_use_function_item_logo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}

.index_gongyi_wrap {
  margin: 60px auto 0;
  width: 1000px;
  height: 200px;
  font-size: 0;
  border-radius: 4px;
}

.index_gongyi_wrap .gongyi_content_left {
  line-height: 1.5;
  width: 555px;
  float: left;
  color: #000;
}

.index_gongyi_wrap .gongyi_content_left .title {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 10px;
}

.index_gongyi_wrap .gongyi_content_left .desc {
  font-size: 14px;
  color: #2b2b2b;
  line-height: 26px;
}

.index_gongyi_wrap .gongyi_content_left .btn {
  background: #2984ef;
  border-radius: 3px;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 1.75px;
  text-align: center;
  width: 120px;
  height: 34px;
  display: inline-block;
  line-height: 34px;
  margin-top: 20px;
  text-decoration: none;
}

.index_gongyi_wrap .gongyi_content_left .btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.index_gongyi_wrap .gongyi_content_right {
  overflow: hidden;
  line-height: 1.5;
}

.index_gongyi_wrap .gongyi_content_right .title {
  margin-bottom: 20px;
  font-size: 12px;
  color: #000;
}

.index_gongyi_wrap .gongyi_content_right .gongyi_content_right_item {
  float: left;
  width: 180px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.index_gongyi_wrap .gongyi_content_right .gongyi_content_right_item:nth-child(2n) {
  margin-right: 0;
}

.index_gongyi_wrap .gongyi_content_right .gongyi_content_right_item .gongyi_logo {
  margin-right: 10px;
  vertical-align: middle;
}

.index_gongyi_wrap .gongyi_content_right .gongyi_content_right_item .gongyi_desc {
  font-size: 12px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}

.index_free_wrap {
  font-size: 16px;
  color: #2b2b2b;
  line-height: 31px;
  text-align: center;
  padding: 60px 0;
  border-bottom: 1px solid #f0f0f0;
}

/*
 * 企业邮箱-新官网-案例介绍
 * @author sammizheng
 * @date 2018-12-27
 */
.cooperate_block {
  width: 1000px;
  margin: 0 auto;
  padding-top: 100px;
  -webkit-font-smoothing: antialiased;
}

.cooperate_block .index_try_wrap {
  border-bottom: none;
}

.cooperate_nav_item {
  display: inline-block;
  margin-right: 25px;
  line-height: 32px;
  font-size: 0;
  cursor: pointer;
}

.cooperate_nav_item .text {
  display: block;
  font-size: 14px;
  color: #4A4A4A;
}

.cooperate_nav .current {
  border-bottom: 2px solid #2984EF;
}

.cooperate_nav .current .text {
  font-weight: bold;
}

.cooperate_content {
  display: none;
}

.cooperate_content .quote {
  position: relative;
  margin: 40px auto 60px;
  padding: 30px 30px 30px 60px;
  background: #F5F7FB;
}

.cooperate_content .quote_txt {
  font-size: 20px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 40px;
  min-height: 80px;
  font-weight: 500;
}

.cooperate_content .quote .via {
  text-align: right;
  color: #888;
  font-size: 16px;
}

.cooperate_content .qy_coopIcon_quote {
  position: absolute;
  left: 20px;
  top: 30px;
  width: 24px;
  height: 21px;
}

.cooperate_content .tit {
  margin-bottom: 10px;
  font-size: 20px;
  color: #4A4A4A;
}

.cooperate_content .tit.line {
  border-top: 1px solid #EAEAEA;
  padding-top: 40px;
}

.cooperate_content .phase {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.cooperate_content .phase .emb {
  margin-bottom: 10px;
  font-size: 16px;
  color: #4D70B6;
}

.cooperate_content .phase .info {
  font-size: 16px;
  color: #2B2B2B;
  line-height: 24px;
}

.cooperate_content .icons_wrap {
  position: relative;
  padding-bottom: 100px;
  font-size: 0;
  border-bottom: 1px solid #F0F0F0;
}

.cooperate_content .icons_wrap .icons {
  display: inline-block;
  max-width: 170px;
  max-height: 85px;
  margin-right: 106px;
  overflow: hidden;
}

.cooperate_content .icons_wrap .last {
  position: absolute;
  right: 0;
  margin-right: 0;
  top: 0;
}

/*
 * 企业邮箱-新官网-合作伙伴
 * @author sammizheng
 * @date 2018-12-28
 */
.dealer_banner_wrapper {
  width: 100%;
  height: 300px;
  margin: 40px auto 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.dealer_banner_wrapper .main_tit {
  padding-top: 70px;
  line-height: 32px;
  margin-bottom: 10px;
  font-size: 24px;
  color: #181818;
}

.dealer_banner_wrapper .sub_tit {
  font-size: 16px;
  color: #181818;
}

.dealer_banner_wrapper .join_btn {
  display: inline-block;
  width: 164px;
  height: 44px;
  line-height: 44px;
  margin-top: 40px;
  background: #2984EF;
  border-radius: 2px;
  font-size: 20px;
  color: #FFF;
  letter-spacing: 4px;
  text-align: center;
}

.dealer_banner_wrapper .join_btn:hover {
  text-decoration: none;
  opacity: .9;
}

.dealer_container {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
  border-bottom: 1px solid #F0F0F0;
}

.dealer_container .tit {
  margin-bottom: 20px;
  font-size: 22px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
}

.dealer_list {
  position: relative;
  font-size: 0;
}

.dealer_list_item {
  display: inline-block;
  width: 200px;
  margin-right: 65px;
  vertical-align: bottom;
}

.dealer_list_item .icon {
  display: block;
  margin: 0 auto 15px;
}

.dealer_list_item .main {
  margin-bottom: 5px;
  font-size: 20px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
}

.dealer_list_item .sub {
  font-size: 13px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 24px;
  min-height: 72px;
  text-align: left;
}

.dealer_list_item.last {
  position: absolute;
  right: 0;
  margin-right: 0;
}

.dealer_search {
  width: 1000px;
  margin: 0 auto 100px;
  text-align: center;
}

.dealer_search .box {
  font-size: 0;
}

.dealer_search .dealer_title {
  padding-top: 60px;
  margin-bottom: 40px;
  font-size: 22px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
}

.dealer_search .dealer_search_input {
  padding: 10px 15px;
  width: 438px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #2984EF;
  font-size: 16px;
  vertical-align: middle;
}

.dealer_search .dealer_search_submit {
  display: inline-block;
  width: 100px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  color: #FFF;
  letter-spacing: 3px;
  text-align: center;
  background: #2984EF;
  vertical-align: middle;
  cursor: pointer;
}

.dealer_search .dealer_search_submit:hover {
  text-decoration: none;
}

.dealer_search .search_result ul {
  display: inline-block;
  min-width: 508px;
  margin: 40px auto;
  padding: 30px 30px 10px;
}

.dealer_search .search_result .avator_wrap {
  float: left;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.dealer_search .search_result .avator_wrap + .detail {
  height: 100px;
  overflow: hidden;
  margin-left: 130px;
}

.dealer_search .search_result .types {
  min-height: 100px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d7e1e5;
  padding-bottom: 20px;
}

.dealer_search .search_result .types:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.dealer_search .search_result .type_1 .user_name {
  margin-bottom: 5px;
}

.dealer_search .search_result .user_title {
  margin-bottom: 15px;
}

.dealer_search .search_result .inline {
  line-height: 22px;
}

.dealer_search .search_result .detail {
  font-size: 13px;
  text-align: left;
}

.dealer_search .search_result .detail .top {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.dealer_search .search_result .user_name {
  font-size: 16px;
  color: #2B2B2B;
  font-weight: 500;
}

.dealer_search .search_result .detail_content {
  font-size: 13px;
  color: #2B2B2B;
}

.dealer_search .search_result .detail_title {
  display: inline-block;
  margin-right: 20px;
  color: #888;
  letter-spacing: 0;
}

/**
 * overseas.scss 官网新注册页
 * @author gajonchen
 * @date 2020-07-10
 *
 *
*/
.overseas {
  width: 1000px;
  margin: 0 auto;
  padding-top: 120px;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.overseas_header {
  padding-bottom: 30px;
  border-bottom: 1px solid #E5E5E5;
}

.overseas_header_title {
  font-size: 28px;
  color: #2B2B2B;
  margin-bottom: 10px;
}

.overseas_header_summary {
  font-size: 13px;
  color: #4A4A4A;
}

.overseas_advance {
  margin: 60px 0;
}

.overseas_advance_detail {
  max-width: 78%;
  display: inline-block;
  margin-left: 40px;
}

.overseas_advance_detail_title {
  font-size: 20px;
  color: #323232;
  font-weight: 500;
  margin-bottom: 10px;
}

.overseas_advance_detail_desc {
  font-size: 14px;
  color: #323232;
  line-height: 24px;
}

/**
 * 安全中心雪碧图
 * @author sammingzheng
 * @date 2018-01-11
 *
 */
/**
 * 合作伙伴雪碧图
 * @author sammingzheng
 * @date 2018-12-28
 *
 */
/*
 * 企业邮箱-新官网-安全中心
 * @author sammizheng
 * @date 2018-12-27
 */
.safety_container {
  width: 1000px;
  margin: 0 auto;
  padding-top: 115px;
  -webkit-font-smoothing: antialiased;
}

.safety_section {
  color: #555;
  margin-top: 60px;
}

.safety_section_First {
  margin-top: 0;
}

.safety_section_title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  color: #186FD5;
}

.safety_caList .safety_caList_item:last-child {
  border-bottom: none;
}

.safety_caList_item {
  padding: 30px 0;
  border-bottom: 1px solid #E5E5E5;
}

.safety_caList_item_title {
  color: #323232;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 5px;
}

.safety_caList_item_desc, .safety_caList_item_link {
  font-size: 14px;
  line-height: 24px;
}

.safety_caList_item_link {
  color: #262626;
  text-decoration: none;
}

.safety_caList_item_link_arrow {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  background-position: 0 0;
  width: 12px;
  height: 9px;
  margin-left: 8px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .safety_caList_item_link_arrow {
    background-position: 0 0;
    background-size: 34px 9px;
  }
}

.safety_caList_item_link:hover {
  color: #4B6EA4;
  text-decoration: none;
}

.safety_caList_item_link:hover .safety_caList_item_link_arrow {
  background-position: -22px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .safety_caList_item_link:hover .safety_caList_item_link_arrow {
    background-position: -22px 0;
  }
}

/**
 * index.scss 官网首页
 * @author jostinsu
 * @date 2017-07-26
 *
 * #iso 官网开通邮箱页面
 *
 */
.service_wrap {
  margin-top: 60px;
}

.service_header {
  padding-top: 60px;
  text-align: center;
}

.service_header_titleMain {
  color: #181818;
  font-size: 24px;
  line-height: 31px;
  margin-bottom: 10px;
}

.service_header_titleSub {
  color: #181818;
  font-size: 16px;
  line-height: 22px;
}

.service_select_wrap {
  margin-top: 57px;
  margin-bottom: 80px;
}

.service_select_body {
  margin: 0 auto;
  text-align: center;
}

.service_select_item {
  -webkit-box-flex-basis: 314px;
  -moz-box-flex-basis: 314px;
  -ms-flex-basis: 314px;
  flex-basis: 314px;
  border-radius: 4px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 28px 0;
  text-align: left;
  vertical-align: top;
}

.service_select_item .service_link {
  margin-left: 13px;
  line-height: 38px;
}

.service_select_item:first-child {
  margin-right: 26px;
}

.service_select_item:nth-child(2) {
  margin-right: 26px;
}

.service_select_itemSub {
  border: 1px solid #E2E2E2;
  margin-top: 7px;
  padding-bottom: 17px;
}

.service_select_itemMain {
  border: 1px solid #2984EF;
  border-top: 7px solid #2984EF;
  -webkit-box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 14px 14px 0 rgba(0, 0, 0, 0.05);
  padding-bottom: 30px;
}

.service_select_itemMain .service_select_content {
  color: #000;
}

.service_select_titleMain {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 6px;
}

.service_select_titleSub {
  font-size: 14px;
}

.service_select_content {
  margin-top: 23px;
  color: #6E7D90;
  margin-bottom: 26px;
}

.service_select_contentMain {
  font-size: 34px;
  line-height: 48px;
}

.service_select_contentSub {
  font-size: 14px;
}

.service_select_divide {
  width: 256px;
  margin: 30px auto;
  background: #EEE;
  height: 1px;
}

.service_select_descItem {
  margin-bottom: 13px;
}

.service_select_descItem_disable .qy_indexIcon {
  visibility: hidden;
}

.service_select_descItem_disable .service_select_descItem_txt {
  color: #D3D3D3;
}

.service_select_descItem_txt {
  font-size: 14px;
  color: #4F4F4F;
  margin-left: 14px;
}

.service_link {
  font-size: 14px;
  display: inline-block;
}

.service_public_service_ad_wrap {
  height: 430px;
  background: #C2C6CE;
  text-align: center;
}

.service_public_service_ad_wrap .service_public_service_ad_Logo {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

.service_public_service_ad {
  margin: 0 auto;
  height: 430px;
  background-size: auto 430px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .service_public_service_ad {
  }
}

@media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx), (min-resolution: 288dpi) {
  .service_public_service_ad {
  }
}

.service_public_service_ad_Main {
  font-size: 22px;
  margin-bottom: 10px;
  padding-top: 70px;
  color: #000;
}

.service_public_service_ad_Sub {
  color: #000;
  font-size: 14px;
  font-family: PingFangSC-light,Helvetica,lucida Grande,PingFang SC,SCHeiti,Microsoft YaHei;
}

.service_public_service_ad_Option {
  margin-top: 23px;
}

.service_public_service_ad_Case {
  margin-top: 80px;
}

.service_public_service_ad_Desc {
  font-size: 12px;
  color: #2B2B2B;
  margin-right: -10px;
  margin-bottom: 17px;
  display: block;
}

.service_public_service_ad_ItemDesc {
  font-size: 10px;
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  margin-top: 10px;
}

.service_public_service_ad_LogoWrap {
  display: block;
  text-align: center;
}

.service_public_service_ad_Item {
  display: inline-block;
  width: 135px;
}

.service_select_innerOption {
  margin-top: 30px;
  text-align: center;
  font-size: 13px;
  color: #4A4A4A;
  cursor: pointer;
}

.service_dialog_wrapper.dialog {
  height: 360px;
  top: 50%;
  margin-top: -180px;
}

.service_dialog_wrapper.dialog .dlg_header {
  border-radius: 4px 4px 0 0;
}

.service_dialog_wrapper.dialog .login_content {
  border-radius: 0 0 4px 4px;
}

.service_dialog_wrapper.dialog .dlg_input {
  vertical-align: top;
  line-height: 44px;
}

.service_dialog_wrapper.dialog .verify_btn {
  display: inline-block;
  line-height: 46px;
}

.iservice_select_version_free_tip {
  font-size: 18px;
  line-height: 47px;
  color: #4F4F4F;
}

/**
 * intergrate.scss 官网整合
 * @author pepegao
 * @date 2018-12-27
 *
 * #iso 官网页面 - 整合
 *
 */
.intergrate_top_header {
  height: 115px;
  background: #FBFBFC;
  padding-top: 55px;
}

.intergrate_top_content {
  font-size: 24px;
  text-align: center;
}

.intergrate_top_content_nav {
  position: relative;
  margin: 50px auto 0;
  padding-bottom: 8px;
  width: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.intergrate_top_content_navItem {
  display: inline-block;
  font-size: 16px;
  color: #4A4A4A;
  text-align: center;
  cursor: pointer;
}

.intergrate_top_content_navItem:hover {
  opacity: .85;
}

.intergrate_top_content_navItem:first-child {
  margin-right: 26px;
}

.intergrate_top_content_navItem_curr {
  font-weight: 500;
}

.intergrate_top_content_navItem_curr:hover {
  opacity: 1;
}

.intergrate_top_content_navItem_tag {
  position: absolute;
  bottom: 3px;
  left: 1px;
  background: #2984EF;
  height: 2px;
  width: 46px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.intergrate_content_item {
  height: 436px;
  padding: 80px 0 0;
  width: 1000px;
  margin: 0 auto;
}

.intergrate_content_item .qy_interIcon {
  vertical-align: middle;
}

.intergrate_content_itemWrapGray {
  background: #FBFBFC;
}

.intergrate_group_interMobile .img_interMobile:first-child {
  margin-right: 28px;
}

.intergrate_content_itemTitle {
  font-size: 34px;
  font-weight: 300;
  font-family: PingFangSC-light, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
  margin-bottom: 10px;
  color: #181818;
}

.intergrate_content_itemIntro {
  margin-bottom: 40px;
  font-size: 14px;
  color: #2B2B2B;
}

.intergrate_content_itemIntro_notice {
  color: #181818;
  font-weight: 500;
}

.intergrate_content_itemContent {
  height: 75px;
  margin-bottom: 30px;
  cursor: default;
}

.intergrate_content_itemContent:last-child .intergrate_content_itemContent_Desc:after {
  display: none;
}

.intergrate_content_itemContent_Number {
  font-size: 28px;
  width: 34px;
  text-align: left;
  font-weight: 300;
  font-family: PingFangSC-light, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
  display: inline-block;
  color: #BDBDBD;
  margin-right: 28px;
}

.intergrate_content_itemContent_Desc {
  position: relative;
  font-size: 14px;
  height: 42px;
  color: #666;
  width: 360px;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 30px;
}

.intergrate_content_itemContent_Desc:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 1px;
  background: #EAEAEA;
}

.intergrate_content_itemContent_curr .intergrate_content_itemContent_Number {
  color: #186FD5;
}

.intergrate_content_itemContent_curr .intergrate_content_itemContent_Desc {
  color: #181818;
  font-weight: 500;
}

.intergrate_content_itemLeft {
  float: left;
}

.intergrate_content_itemRight {
  float: right;
}

.intergrate_content_itemWidthLimit {
  max-width: 42%;
}

.intergrate__foxmail_link {
  margin-top: -5px;
  margin-bottom: 80px;
  text-align: center;
  font-size: 0;
}

.intergrate__foxmail_link * {
  vertical-align: middle;
  line-height: 31px;
  font-size: 16px;
}

.intergrate__toarraw {
  background-image: url();
  width: 19px;
  height: 19px;
  display: inline-block;
  background-size: 100% 100%;
}

.intergrate_qr {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #1A1A1A;
  margin-top: 10px;
  cursor: pointer;
}

.intergrate_qr .index_foot_contact_qrCode_img {
  width: 114px;
  height: 114px;
  background-size: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  .intergrate_qr .index_foot_contact_qrCode_img {
  }
}

.intergrate_qr:hover {
  text-decoration: underline;
}

.intergrate_qr:hover .intergrate_wx_app_qr {
  display: block;
}

.intergrate_qr .intergrate_wx_app_qr {
  width: 177px;
  left: 79px;
  bottom: 30px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.intergrate_qr .qy_indexIcon_arrow_right_black {
  vertical-align: middle;
}

.intergrate_qr .index_foot_contact_qrCode:before {
  bottom: -9px;
  border-width: 12px 13px;
}

.intergrate_mobile .intergrate_content_itemTitle_middle {
  margin-top: 110px;
}

.intergrate_pc {
  display: none;
}

.intergrate_pc .intergrate_content_item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  height: auto;
  padding-bottom: 84px;
}

.intergrate_wrap_client_pc .intergrate_mobile {
  display: none;
}

.intergrate_wrap_client_pc .intergrate_pc {
  display: block;
}

.intergrate_wrap_client_pc .intergrate_top_content_navItem_tag {
  left: 76px;
}

/* stylelint-disable */
/*
 *  新官网 -- 申请表单页
 */
.index_content_dealer_add {
  background-color: #EFEFEF;
  width: 1000px;
  height: 1016px;
  margin: 60px auto 0;
  padding: 30px 0 50px;
}

.index_content_register {
  width: 1000px;
  margin: 60px auto 0;
  padding: 80px 0 0px;
}

@media only screen and (min-height: 900px) {
  .index_content_register {
    height: 700px;
  }
}

.dealer_add_container {
  background: #FFFFFF;
  border: 1px solid #D0D0D0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  width: 881px;
  padding: 0 23px;
  margin: 0 auto;
}

.dealer_add_title {
  height: 20px;
  line-height: 20px;
  padding: 20px 0;
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #000;
  letter-spacing: 0;
  border-bottom: 1px solid #E0E0E0;
}

.dealer_add_condition {
  background: #F2F7FB;
  height: 81px;
  margin-top: 10px;
  padding: 12px;
}

.dealer_add_condition_main {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  color: #000;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.dealer_add_condition_sub {
  font-size: 12px;
  color: #757575;
  letter-spacing: 0;
  height: 17px;
  margin-bottom: 4px;
}

.dealer_add_form_item_left {
  display: inline-block;
  width: 96px;
  padding-right: 8px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #4D4D4F;
  letter-spacing: 0;
  text-align: right;
  vertical-align: top;
}

.dealer_add_form_item_right {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 770px;
}

.dealer_add_form_item_right.dealer_add_form_item_right_large {
  height: 92px;
}

.dealer_add_form_item {
  margin-top: 20px;
  min-height: 30px;
}

.dealer_add_form_input {
  width: 280px;
  height: 18px;
  padding: 5px 6px;
}

.dealer_add_form_input_short {
  width: 130px;
  height: 18px;
  padding: 5px 6px;
}

.dealer_add_form_item_necessary {
  font-size: 8px;
  color: #F25956;
  letter-spacing: 0;
}

.dealer_add_form_item_right input,
.dealer_add_form_item_right textarea,
.dealer_add_form_item_right a,
.dealer_add_form_item_right select {
  background: #FFFFFF;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}

.dealer_add_form_item_right label.error {
  display: inline-block;
  color: #c00;
  vertical-align: top;
}

.dealer_add_form_select {
  width: 130px;
  height: 30px;
}

.dealer_add_form_textarea {
  width: 400px;
  height: 80px;
  padding: 5px 6px;
  resize: none;
}

.dealer_add_form_btn {
  width: 62px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  margin-left: 10px;
  padding: 0 12px;
  color: #4D4D4F;
}

.dealer_add_form_btn:hover {
  text-decoration: none;
  color: #4D4D4F;
}

.dealer_add_form_btn.btn_disable {
  color: #E0E0E0;
}

.dealer_add_form_item_right a.dealer_add_form_submit {
  font-size: 16px;
  color: #FFFFFF;
  background: #4096E5;
  border: 1px solid #0784DC;
  border-radius: 1px;
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}

.dealer_add_form_item_right a.dealer_add_form_submit:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #54A1E7;
}

.dealer_add_form_item_right a.dealer_add_form_submit:active {
  background-color: #216EB4;
  color: #FFFFFF;
}

.dealer_add_form_item.dealer_add_form_item_last {
  height: 86px;
}

.dealer_add_form_item_last .dealer_add_form_item_right {
  height: 38px;
  line-height: 38px;
}

.js_sms_disable {
  cursor: default;
  color: #ADADAD;
}

.js_sms_disable:hover {
  text-decoration: none;
  cursor: default;
  color: #ADADAD;
}

.form_container {
  background: #FFFFFF;
  width: 480px;
  margin: 0 auto;
}

.form_container_title {
  height: 31px;
  line-height: 31px;
  padding-bottom: 10px;
  font-size: 24px;
  color: #181818;
  letter-spacing: 0;
  text-align: center;
}

.form_item {
  margin-top: 30px;
  min-height: 30px;
}

.form_item_left {
  display: inline-block;
  width: 70px;
  padding-right: 17px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #7F7F7F;
  letter-spacing: 0;
  text-align: right;
  vertical-align: top;
}

.form_item_right {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.form_item_right select {
  background: #FFFFFF;
  border: 1px solid #95A0AC;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 9px;
}

.form_select {
  width: 90px;
  height: 30px;
}

.form_input {
  width: 360px;
  height: 18px;
  padding: 5px 10px;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}

.form_input:hover {
  border-color: #a0aab4;
}

.form_input:focus {
  border-color: #5a86e1;
}

.form_input[disabled], .form_input_Disabled, .form_input_Disabled:hover, .form_input[disabled]:hover {
  color: rgba(0, 0, 0, 0.3);
  background: #e1e1e1;
  border-color: #D8D8D8;
}

.form_item_necessary {
  font-size: 14px;
  color: #FF0000;
  letter-spacing: 0;
}

.form_item_submit_area {
  width: 460px;
  text-align: center;
  border-top: 1px solid #DADADA;
  margin-top: 40px;
  padding-top: 40px;
  margin-bottom: 100px;
  margin-left: 20px;
}

.form_item_submit_area div {
  display: inline-block;
  line-height: 30px;
}

a.form_submit {
  font-size: 16px;
  color: #FFFFFF;
  background: #4B6EA4;
  border-radius: 2px;
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}

a.form_submit:hover {
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.8;
}

.form_item_right label.error {
  display: block;
  color: #c00;
  vertical-align: top;
  position: absolute;
}

.registResContent {
  text-align: center;
  margin-top: 120px;
}

.registResIcon {
  margin-bottom: 30px;
}

.registResText {
  font-size: 16px;
  color: #2b2b2b;
  line-height: 22px;
  text-align: center;
}

/**
 * intergrate.scss 意见反馈
 * @author pepegao
 * @date 2019-01-03
 *
 */
.feedback_header {
  background: #FBFBFC;
  margin-top: 60px;
  padding: 12px 0;
}

.feedback_header_inner, .feedback_wrap {
  margin: 0 auto;
  width: 1020px;
}

.feedback_header_main {
  font-size: 16px;
  margin-bottom: 5px;
}

.feedback_header_sub {
  font-size: 12px;
  color: #646464;
}

.feedback_wrap {
  padding-top: 140px;
  padding-bottom: 100px;
}

.feedback_wrap .qy_index_btn {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.feedback_item {
  margin-bottom: 20px;
  margin-left: 200px;
}

.feedback_recv {
  font-size: 14px;
  font-weight: 500;
}

.feedback_title {
  width: 120px;
  padding-right: 18px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  vertical-align: top;
}

.feedback_input, .feedback_area {
  width: 420px;
  padding: 3px 6px;
  border: 1px solid #C7C7C7;
  border-radius: 2px;
  font-size: 13px;
}

.feedback_input:focus, .feedback_area:focus {
  border: 1px solid #6496C8;
}

.feedback_input:hover, .feedback_area:hover {
  border: 1px solid #A0AAB4;
}

.feedback_area {
  height: 200px;
  resize: none;
}

.feedback_text {
  font-size: 16px;
  margin-bottom: 20px;
}

.feedback_res {
  padding: 160px 0;
  text-align: center;
}

/**
 * recovery.scss 意见反馈
 * @author pepegao
 * @date 2019-03-04
 *
 */
.recovery_content {
  width: 100%;
  min-height: 480px;
  margin: 0 auto;
  padding: 30px 0 50px;
}

.recovery_content .frame_foot_copyright {
  color: #9B9B9B;
  margin-top: 20px;
  font-size: 12px;
}

.recovery_content .frame_foot_copyright a {
  color: #9B9B9B;
}

.recovery_container {
  width: 1080px;
  min-height: 640px;
  margin: 0 auto;
  text-align: left;
  background: #FFF;
  border-radius: 4px;
  padding: 30px 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.recovery_container .portal_title_box {
  padding-bottom: 20px;
  border-bottom: 1px solid #F0F0F0;
}

.recovery_container .portal_title_box .portal_title {
  font-size: 24px;
  color: #2B2B2B;
  margin-bottom: 10px;
}

.recovery_container .portal_title_box .portal_info {
  font-size: 14px;
  color: #2D2F33;
}

.recovery_container .portal_item_title {
  width: 70px;
  padding-right: 16px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  vertical-align: top;
  color: #2B2B2B;
  height: 30px;
  line-height: 30px;
}

.recovery_container .portal_item_input {
  width: 320px;
  padding: 3px 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #C7C7C7;
  border-radius: 2px;
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}

.recovery_container .portal_item_input:focus {
  border: 1px solid #6496C8;
}

.recovery_container .portal_item_input:hover {
  border: 1px solid #A0AAB4;
}

.recovery_container .formPanel {
  padding: 50px 0 0;
  margin: 0;
}

.recovery_container .formPanel .tr {
  margin-bottom: 43px;
}

.recovery_container .setting_action {
  margin: 133px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid #F0F0F0;
}

.recovery_container .qy_btn {
  cursor: pointer;
}

.recovery_container .qy_btn:first-child {
  margin-right: 10px;
}

.recovery_container .txt_red {
  color: #F15A5A;
}

.recovery_container span[un="msg_err"] {
  margin-left: 14px;
}

.recovery_container .qy_index_btn {
  padding: 7px 50px;
}

.recovery_res_main {
  color: #2B2B2B;
  font-size: 20px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 114px;
}

/*
 * 个性登录页面
 * @author pepegao
 * @date 2019-05-22
 */
.checkBox {
  width: 14px;
  height: 14px;
}

.checkBoxLabel {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: 2px;
}

.self_dm_login .qy_index_btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.self_veri_img {
  position: absolute;
  right: 4px;
  top: 2px;
}

.self_veri_img img {
  height: 28px;
}

.weixin_choose_list_item {
  display: table;
  width: 100%;
  cursor: pointer;
  padding: 10px 12px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.weixin_choose_list_item:hover {
  background: #F5F5F5;
}

.weixin_choose_list_item_icon, .weixin_choose_list_item_content {
  display: table-cell;
  vertical-align: middle;
}

.weixin_choose_list_item_icon {
  position: relative;
  width: 54px;
}

.weixin_choose_admin_icon, .weixin_choose_member_icon {
  background-size: cover;
  width: 54px;
  height: 54px;
  margin-right: 14px;
}

.weixin_choose_member_icon {
  background-image: url("");
}

.weixin_choose_list_item {
  display: table;
  width: 100%;
  cursor: pointer;
  padding: 10px 12px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.weixin_choose_list_item:hover {
  background: #F5F5F5;
}

.weixin_choose_list_item_icon {
  position: relative;
  width: 54px;
}

.weixin_choose_list_item_icon, .weixin_choose_list_item_content {
  display: table-cell;
  vertical-align: middle;
}

.weixin_choose_list_item_title {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}

.weixin_choose_list_item_alias {
  font-size: 12px;
  color: #000000;
}

.weixin_choose_list_item_text {
  font-size: 12px;
  color: #999999;
}

.weixin_choose_list_item_alias, .weixin_choose_list_item_text {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: normal;
}

.weixin_choose_list {
  /* padding: 30px 40px 0 40px; */
  padding: 20px;
  text-align: left;
  height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.to_be_verify {
  background: rgba(27, 27, 27, 0.8);
  font-size: 10px;
  color: #FFFFFF;
  line-height: 18px;
  position: absolute;
  width: 54px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  bottom: 0;
}

.company_input_wrap.company_input_wrap_error {
  border: 1px solid #F15A5A;
}

.header_split {
  width: 324px;
  height: 1px;
  background: #E8E8E8;
  margin: -5px auto 0;
}

.icon_warning_big {
  margin-top: 80px;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("");
  background-size: cover;
}

.no_mail_found {
  margin-top: 20px;
  font-size: 16px;
  color: #2B2B2B;
}

.no_mail_found_desc {
  width: 200px;
  margin: auto;
  margin-top: 10px;
  font-size: 14px;
  color: #8F8F8F;
  letter-spacing: 0;
  text-align: center;
}

.login_btn {
  border: none;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: #4B6EA4;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding: 8px;
  border: 0 none;
  border-radius: 2px;
}

.login_btn:hover {
  color: #FFF;
}

.company_main .signup_item_content {
  position: relative;
  width: 100%;
  max-height: 48px;
  border-radius: 2px;
  border: 1px solid #C9C9C9;
  display: table;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.company_main .signup_item {
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
}

.layout_wrap_01 .icon_warning_big {
  margin-top: 20px;
}

.layout_wrap_01 .loginType {
  width: 345px;
}

.layout_wrap_01 .self_preview_01 .company_loginbox {
  padding: 0;
}

.layout_wrap_01 .header_nav {
  font-size: 0;
  border: 0 none;
  padding: 30px 75px 11px;
  width: 195px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  margin: 0 auto;
}

.layout_wrap_01 .nav_item {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  color: #2B2B2B;
}

.layout_wrap_01 .nav_item.curr {
  font-weight: 500;
  font-size: 16px;
  color: #34599D;
}

.layout_wrap_01 .nav_item.curr .curr_line {
  background: #34599D;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -20px;
}

.layout_wrap_01 .bottom_area {
  background: #FFF;
  color: #34599D;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_01 .border_color {
  border-color: #ACC2E4;
}

.layout_wrap_01 .bg_color {
  background: #F9FCFF;
}

.layout_wrap_01 .company_input_wrap {
  display: block;
  height: 34px;
  text-align: center;
  margin: 0 38px 12px;
}

.layout_wrap_01 .self_input {
  float: none;
  font-size: 13px;
  color: #000;
}

.layout_wrap_01 .self_input:focus {
  border-color: #ACC2E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout_wrap_01 .more_option {
  padding: 0 35px;
}

.layout_wrap_01 .login_submit {
  margin-top: 23px;
  padding: 0 35px 20px;
  text-align: center;
}

.layout_wrap_01 .admin_login_link_wrap {
  text-align: right;
  padding-right: 35px;
}

.layout_wrap_01 .input_with_domain .self_input {
  float: left;
}

.layout_wrap_01 .company_input_wrap_fake {
  margin: 0 38px 24px;
  background: #FFF;
  border: 1px solid #9DAEC6;
  border-radius: 3px;
  height: 32px;
  text-align: left;
}

.layout_wrap_01 .company_input_wrap_fake .verify_btn {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 13px;
  color: #34599D;
  cursor: pointer;
}

.layout_wrap_01 .company_input_wrap_fake .verify_btn[disabled] {
  color: #A5A5A5;
  cursor: default;
}

.layout_wrap_01 .company_input_wrap_fake .self_input {
  border: 0 none;
  width: 150px;
}

.layout_wrap_01 .company_input_wrap_fake img {
  height: 32px;
  position: absolute;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.layout_wrap_01 .qy_telInput_zipCode_input {
  width: 80px;
  position: relative;
  display: inline-block;
}

.layout_wrap_01 .qy_telInput_zipCode_input:before {
  z-index: 5;
  line-height: 32px;
  content: "+";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 12px;
  color: #000;
}

.layout_wrap_01 .qy_telInput_zipCode_input .qy_inputText_Big {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  height: 32px;
  border: 0 none;
  outline: none;
  width: 38px;
  font-size: 13px;
  border-radius: 3px;
}

.layout_wrap_01 .qy_telInput_zipCode_input_arrowWrap_icon {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  border-width: 5px 4px;
  border-bottom: 0;
  border-top-color: #9399a1;
}

.layout_wrap_01 .singup_item_countryCode {
  display: inline-block;
}

.layout_wrap_01 .qy_telInput_zipCode_input_arrowWrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 21px;
  z-index: 4;
}

.layout_wrap_01 .phone_num_split_line {
  width: 1px;
  height: 16px;
  background: #9399a1;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.layout_wrap_01 .company_input_wrap_errmsg {
  position: absolute;
  top: 36px;
  left: 0;
  color: #F15A5A;
}

.layout_wrap_01 .login_scan_panel {
  background: #FFF;
  width: 340px;
  margin-left: auto;
  border-radius: 4px;
  margin-top: 0;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.layout_wrap_01 .weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.layout_wrap_01 .weixin_choose_list {
  padding: 20px;
  text-align: left;
  height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.layout_wrap_01 .option_content {
  padding-top: 12px;
}

.layout_wrap_01 .phone_content {
  padding-top: 24px;
}

.layout_wrap_01 .login_box_msg {
  padding-left: 38px;
}

.layout_wrap_02 .loginType {
  width: 345px;
}

.layout_wrap_02 .self_preview_01 .company_loginbox {
  padding: 0;
}

.layout_wrap_02 .header_nav {
  font-size: 0;
  border: 0 none;
  padding: 30px 75px 11px;
  width: 195px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  margin: 0 auto;
}

.layout_wrap_02 .nav_item {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  color: #2B2B2B;
}

.layout_wrap_02 .nav_item.curr {
  font-weight: 500;
  font-size: 16px;
  color: #34599D;
}

.layout_wrap_02 .nav_item.curr .curr_line {
  background: #34599D;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -20px;
}

.layout_wrap_02 .bottom_area {
  background: #F9F9F9;
  color: #34599D;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_02 .border_color {
  border-color: #ACC2E4;
}

.layout_wrap_02 .bg_color {
  background: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_02 .company_input_wrap {
  display: block;
  height: 34px;
  text-align: center;
  margin: 0 38px 12px;
}

.layout_wrap_02 .self_input {
  float: none;
  font-size: 13px;
  color: #000;
}

.layout_wrap_02 .self_input:focus {
  border-color: #ACC2E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout_wrap_02 .more_option {
  padding: 0 106px;
}

.layout_wrap_02 .login_submit {
  margin-top: 23px;
  padding: 0 35px 20px;
  text-align: center;
}

.layout_wrap_02 .admin_login_link_wrap {
  text-align: right;
  padding-right: 35px;
}

.layout_wrap_02 .input_with_domain .self_input {
  float: left;
}

.layout_wrap_02 .company_input_wrap_fake {
  position: relative;
  margin: 0 57px 24px 107px;
  background: #FFF;
  border: 1px solid #9DAEC6;
  border-radius: 3px;
  height: 32px;
  text-align: left;
}

.layout_wrap_02 .company_input_wrap_fake .verify_btn {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 13px;
  color: #34599D;
  cursor: pointer;
}

.layout_wrap_02 .company_input_wrap_fake .verify_btn[disabled] {
  color: #A5A5A5;
  cursor: default;
}

.layout_wrap_02 .company_input_wrap_fake .self_input {
  border: 0 none;
  width: 150px;
}

.layout_wrap_02 .company_input_wrap_fake img {
  height: 32px;
  position: absolute;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.layout_wrap_02 .company_input_wrap_fake .input_title {
  font-size: 14px;
  color: #3E3E3E;
  position: absolute;
  left: -55px;
  top: 5px;
}

.layout_wrap_02 .qy_telInput_zipCode_input {
  width: 80px;
  position: relative;
  display: inline-block;
}

.layout_wrap_02 .qy_telInput_zipCode_input:before {
  z-index: 5;
  line-height: 32px;
  content: "+";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 12px;
  color: #000;
}

.layout_wrap_02 .qy_telInput_zipCode_input .qy_inputText_Big {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  height: 32px;
  border: 0 none;
  outline: none;
  width: 38px;
  font-size: 13px;
  border-radius: 3px;
}

.layout_wrap_02 .qy_telInput_zipCode_input_arrowWrap_icon {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  border-width: 5px 4px;
  border-bottom: 0;
  border-top-color: #9399a1;
}

.layout_wrap_02 .singup_item_countryCode {
  display: inline-block;
}

.layout_wrap_02 .qy_telInput_zipCode_input_arrowWrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 21px;
  z-index: 4;
}

.layout_wrap_02 .phone_num_split_line {
  width: 1px;
  height: 16px;
  background: #9399a1;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.layout_wrap_02 .company_input_wrap_errmsg {
  position: absolute;
  top: 36px;
  left: 0;
  color: #F15A5A;
}

.layout_wrap_02 .login_scan_panel {
  background: #FFF;
  width: 440px;
  margin-left: auto;
  border-radius: 4px;
  margin-top: -50px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.layout_wrap_02 .weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.layout_wrap_02 .weixin_choose_list {
  padding: 20px;
  text-align: left;
  height: 436px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.layout_wrap_02 .option_content {
  padding-top: 12px;
}

.layout_wrap_02 .phone_content {
  padding-top: 24px;
}

.layout_wrap_02 .login_box_msg {
  padding-left: 38px;
}

.layout_wrap_02 .qy_index_btn_Green {
  width: 202px;
}

.layout_wrap_03 .icon_warning_big {
  margin-top: 20px;
}

.layout_wrap_03 .self_preview_03 .company_loginbox {
  padding: 18px 0 0;
}

.layout_wrap_03 .header_nav {
  font-size: 0;
  border: 0 none;
  padding: 12px 0 11px;
  width: 275px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  margin: 0 auto;
}

.layout_wrap_03 .nav_item {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  color: #2B2B2B;
}

.layout_wrap_03 .nav_item.curr {
  font-weight: 500;
  font-size: 16px;
  color: #34599D;
}

.layout_wrap_03 .nav_item.curr .curr_line {
  background: #34599D;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -20px;
}

.layout_wrap_03 .bottom_area {
  background: #D9E3F1;
  color: #34599D;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_03 .border_color {
  border-color: #4975B5;
}

.layout_wrap_03 .company_input_wrap {
  display: block;
  height: 34px;
  text-align: center;
  margin: 0 25px 24px;
}

.layout_wrap_03 .self_input {
  float: none;
  font-size: 13px;
  color: #000;
}

.layout_wrap_03 .self_input:focus {
  border-color: #ACC2E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout_wrap_03 .more_option {
  padding: 0 35px;
}

.layout_wrap_03 .login_submit {
  margin-top: 23px;
  margin-left: 10px;
  padding: 0 35px 20px;
  text-align: center;
}

.layout_wrap_03 .admin_login_link_wrap {
  text-align: right;
  padding-right: 35px;
}

.layout_wrap_03 .input_with_domain .self_input {
  float: left;
}

.layout_wrap_03 .company_input_wrap_fake {
  margin: 0 38px 24px;
  background: #FFF;
  border: 1px solid #9DAEC6;
  border-radius: 3px;
  height: 32px;
  text-align: left;
}

.layout_wrap_03 .company_input_wrap_fake .verify_btn {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 13px;
  color: #34599D;
  cursor: pointer;
}

.layout_wrap_03 .company_input_wrap_fake .verify_btn[disabled] {
  color: #A5A5A5;
  cursor: default;
}

.layout_wrap_03 .company_input_wrap_fake .self_input {
  border: 0 none;
  width: 150px;
}

.layout_wrap_03 .company_input_wrap_fake img {
  height: 32px;
  position: absolute;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.layout_wrap_03 .qy_telInput_zipCode_input {
  width: 80px;
  position: relative;
  display: inline-block;
}

.layout_wrap_03 .qy_telInput_zipCode_input:before {
  z-index: 5;
  line-height: 32px;
  content: "+";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 12px;
  color: #000;
}

.layout_wrap_03 .qy_telInput_zipCode_input .qy_inputText_Big {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  height: 32px;
  border: 0 none;
  outline: none;
  width: 38px;
  font-size: 13px;
  border-radius: 3px;
}

.layout_wrap_03 .qy_telInput_zipCode_input_arrowWrap_icon {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  border-width: 5px 4px;
  border-bottom: 0;
  border-top-color: #9399a1;
}

.layout_wrap_03 .singup_item_countryCode {
  display: inline-block;
}

.layout_wrap_03 .qy_telInput_zipCode_input_arrowWrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 21px;
  z-index: 4;
}

.layout_wrap_03 .phone_num_split_line {
  width: 1px;
  height: 16px;
  background: #9399a1;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.layout_wrap_03 .company_input_wrap_errmsg {
  position: absolute;
  top: 36px;
  left: 0;
  color: #F15A5A;
}

.layout_wrap_03 .login_scan_panel {
  background: #FFF;
  width: 340px;
  margin-left: auto;
  border-radius: 4px;
  margin-top: -18px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.layout_wrap_03 .weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.layout_wrap_03 .weixin_choose_list {
  padding: 20px;
  text-align: left;
  height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.layout_wrap_03 .option_content {
  padding-top: 12px;
}

.layout_wrap_03 .phone_content {
  padding-top: 24px;
}

.layout_wrap_03 .login_box_msg {
  padding-left: 38px;
}

.layout_wrap_03 .qy_index_btn_Green {
  width: 135px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86BA15), to(#659E0D));
  background-image: -webkit-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: -o-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: linear-gradient(-180deg, #86BA15 0%, #659E0D 100%);
}

.layout_wrap_03 .checkBoxLabel {
  color: #000;
}

.layout_wrap_03 .admin_login_link_wrap {
  padding-right: 27px;
  margin-top: -10px;
  margin-bottom: 8px;
}

.layout_wrap_03 .admin_login_link {
  margin: 0 9px 0 0;
}

.layout_wrap_05 .icon_warning_big {
  margin-top: 20px;
}

.layout_wrap_05 .self_preview_03 .company_loginbox {
  padding: 18px 0 0;
}

.layout_wrap_05 .header_nav {
  font-size: 0;
  border: 0 none;
  padding: 12px 0 11px;
  width: 275px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  margin: 0 auto 30px;
}

.layout_wrap_05 .nav_item {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  color: #2B2B2B;
}

.layout_wrap_05 .nav_item.curr {
  font-weight: 500;
  font-size: 16px;
  color: #078BDD;
}

.layout_wrap_05 .nav_item.curr .curr_line {
  background: #078BDD;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -20px;
}

.layout_wrap_05 .bottom_area {
  background: #D9E3F1;
  color: #34599D;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_05 .company_input_wrap {
  display: block;
  text-align: left;
  margin: 0 0 24px;
}

.layout_wrap_05 .self_input {
  float: none;
  font-size: 13px;
  color: #000;
}

.layout_wrap_05 .self_input:focus {
  border-color: #ACC2E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout_wrap_05 .more_option {
  padding: 0;
}

.layout_wrap_05 .login_submit {
  width: 279px;
  height: 40px;
  background: #078BDD;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.layout_wrap_05 .admin_login_link_wrap {
  text-align: right;
  padding-right: 35px;
}

.layout_wrap_05 .input_with_domain .self_input {
  float: left;
}

.layout_wrap_05 .company_input_wrap_fake {
  margin: 0 0 24px;
  background: #FFF;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  height: 38px;
  text-align: left;
}

.layout_wrap_05 .company_input_wrap_fake .verify_btn {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 13px;
  color: #34599D;
  cursor: pointer;
}

.layout_wrap_05 .company_input_wrap_fake .verify_btn[disabled] {
  color: #A5A5A5;
  cursor: default;
}

.layout_wrap_05 .company_input_wrap_fake .self_input {
  border: 0 none;
  width: 150px;
}

.layout_wrap_05 .company_input_wrap_fake img {
  height: 32px;
  position: absolute;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.layout_wrap_05 .qy_telInput_zipCode_input {
  width: 80px;
  position: relative;
  display: inline-block;
}

.layout_wrap_05 .qy_telInput_zipCode_input:before {
  z-index: 5;
  line-height: 38px;
  content: "+";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 12px;
  color: #000;
}

.layout_wrap_05 .qy_telInput_zipCode_input .qy_inputText_Big {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  height: 38px;
  border: 0 none;
  outline: none;
  width: 38px;
  font-size: 13px;
  border-radius: 3px;
}

.layout_wrap_05 .qy_telInput_zipCode_input_arrowWrap_icon {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  border-width: 5px 4px;
  border-bottom: 0;
  border-top-color: #9399a1;
}

.layout_wrap_05 .singup_item_countryCode {
  display: inline-block;
}

.layout_wrap_05 .qy_telInput_zipCode_input_arrowWrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 21px;
  z-index: 4;
}

.layout_wrap_05 .phone_num_split_line {
  width: 1px;
  height: 16px;
  background: #C9C9C9;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.layout_wrap_05 .company_input_wrap_errmsg {
  position: absolute;
  top: 40px;
  left: 0;
  color: #F15A5A;
}

.layout_wrap_05 .login_scan_panel {
  background: #FFF;
  width: 340px;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.layout_wrap_05 .weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.layout_wrap_05 .weixin_choose_list {
  padding: 20px;
  text-align: left;
  height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.layout_wrap_05 .option_content {
  padding-top: 12px;
}

.layout_wrap_05 .phone_content {
  padding-top: 24px;
}

.layout_wrap_05 .login_box_msg {
  padding-left: 38px;
}

.layout_wrap_05 .qy_index_btn_Green {
  width: 135px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86BA15), to(#659E0D));
  background-image: -webkit-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: -o-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: linear-gradient(-180deg, #86BA15 0%, #659E0D 100%);
}

.layout_wrap_05 .checkBoxLabel {
  color: #000;
}

.layout_wrap_05 .admin_login_link_wrap {
  padding-right: 27px;
  margin-top: -10px;
  margin-bottom: 8px;
}

.layout_wrap_05 .admin_login_link {
  margin: 0 9px 0 0;
}

.layout_wrap_06 .icon_warning_big {
  margin-top: 20px;
}

.layout_wrap_06 .self_preview_03 .company_loginbox {
  padding: 18px 0 0;
}

.layout_wrap_06 .header_nav {
  font-size: 0;
  border: 0 none;
  padding: 12px 0 11px;
  width: 275px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  margin: 0 auto 30px;
}

.layout_wrap_06 .nav_item {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  width: 50%;
  color: #2B2B2B;
}

.layout_wrap_06 .nav_item.curr {
  font-weight: 500;
  font-size: 16px;
  color: #078BDD;
}

.layout_wrap_06 .nav_item.curr .curr_line {
  background: #078BDD;
  width: 40px;
  height: 2px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -20px;
}

.layout_wrap_06 .bottom_area {
  background: #D9E3F1;
  color: #34599D;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.layout_wrap_06 .company_input_wrap {
  display: block;
  text-align: left;
  margin: 0 0 24px;
}

.layout_wrap_06 .self_input {
  float: none;
  font-size: 13px;
  color: #000;
}

.layout_wrap_06 .self_input:focus {
  border-color: #ACC2E4;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.layout_wrap_06 .more_option {
  padding: 0;
}

.layout_wrap_06 .login_submit {
  width: 279px;
  height: 40px;
  background: #078BDD;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.layout_wrap_06 .admin_login_link_wrap {
  text-align: right;
  padding-right: 35px;
}

.layout_wrap_06 .input_with_domain .self_input {
  float: left;
}

.layout_wrap_06 .company_input_wrap_fake {
  margin: 0 0 24px;
  background: #FFF;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  height: 38px;
  text-align: left;
}

.layout_wrap_06 .company_input_wrap_fake .verify_btn {
  position: absolute;
  right: 10px;
  top: 9px;
  font-size: 13px;
  color: #34599D;
  cursor: pointer;
}

.layout_wrap_06 .company_input_wrap_fake .verify_btn[disabled] {
  color: #A5A5A5;
  cursor: default;
}

.layout_wrap_06 .company_input_wrap_fake .self_input {
  border: 0 none;
  width: 150px;
}

.layout_wrap_06 .company_input_wrap_fake img {
  height: 32px;
  position: absolute;
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.layout_wrap_06 .qy_telInput_zipCode_input {
  width: 80px;
  position: relative;
  display: inline-block;
}

.layout_wrap_06 .qy_telInput_zipCode_input:before {
  z-index: 5;
  line-height: 38px;
  content: "+";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 12px;
  color: #000;
}

.layout_wrap_06 .qy_telInput_zipCode_input .qy_inputText_Big {
  color: #000;
  cursor: pointer;
  position: relative;
  z-index: 0;
  padding: 0 20px;
  height: 38px;
  border: 0 none;
  outline: none;
  width: 38px;
  font-size: 13px;
  border-radius: 3px;
}

.layout_wrap_06 .qy_telInput_zipCode_input_arrowWrap_icon {
  display: block;
  content: " ";
  width: 0;
  line-height: 0;
  font-size: 0;
  border-style: solid;
  border-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  border-width: 5px 4px;
  border-bottom: 0;
  border-top-color: #9399a1;
}

.layout_wrap_06 .singup_item_countryCode {
  display: inline-block;
}

.layout_wrap_06 .qy_telInput_zipCode_input_arrowWrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 21px;
  z-index: 4;
}

.layout_wrap_06 .phone_num_split_line {
  width: 1px;
  height: 16px;
  background: #C9C9C9;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
}

.layout_wrap_06 .company_input_wrap_errmsg {
  position: absolute;
  top: 40px;
  left: 0;
  color: #F15A5A;
}

.layout_wrap_06 .login_scan_panel {
  background: #FFF;
  width: 340px;
  border-radius: 4px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 0 auto;
}

.layout_wrap_06 .weixin_choose_list_title {
  font-size: 16px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(215, 223, 219, 0.5);
  margin: 0 40px;
}

.layout_wrap_06 .weixin_choose_list {
  padding: 20px;
  text-align: left;
  height: 336px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.layout_wrap_06 .option_content {
  padding-top: 12px;
}

.layout_wrap_06 .phone_content {
  padding-top: 24px;
}

.layout_wrap_06 .qy_index_btn_Green {
  width: 135px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#86BA15), to(#659E0D));
  background-image: -webkit-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: -o-linear-gradient(top, #86BA15 0%, #659E0D 100%);
  background-image: linear-gradient(-180deg, #86BA15 0%, #659E0D 100%);
}

.layout_wrap_06 .checkBoxLabel {
  color: #000;
}

.layout_wrap_06 .admin_login_link_wrap {
  padding-right: 27px;
  margin-top: -10px;
  margin-bottom: 8px;
}

.layout_wrap_06 .admin_login_link {
  margin: 0 9px 0 0;
}
